<template>
  <div class="Searchblog">
    <div class="main">
      <div class="imglist">
        <img src="@/assets/pexels-stijn-dijkstra-13008665.jpg" alt="">
        <p class="p1">1</p>
        <div class="zhuanji">
          <span>by</span>
          <p>1</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Searchblog',
  data() {
    return {
      limit: 25,
      offset: 0,
      type: 1014
    }
  },
  mounted() {
    this.$store.dispatch('getSearchdetailsList', { keywords: this.$route.query.keywords, limit: this.limit, offset: this.offset, type: this.type })
  }
}
</script>

<style lang="less" scoped>
.Searchblog {
  .main {
    .p {
      background-color: rgb(241, 241, 241);
    }
    .imglist {
      width: 100%;
      padding: 5px;
      padding-left: 20px;
      display: flex;
      align-items: center;
      border-radius: 5px;
      img {
        width: 70px;
        height: 70px;
        border-radius: 5px;
      }
      .p1 {
        margin-left: 20px;
        font-size: 15px;
        opacity: 0.8;
        width: 600px;
      }
      .zhuanji {
        display: flex;
        margin-left: 200px;
        span {
          font-size: 6px;
          opacity: 0.2;
        }
        p {
          margin-left: 5px;
          font-size: 10px;
          opacity: 0.7;
        }
      }
    }
    .imglist:hover {
      cursor: pointer;
      background-color: rgb(240, 239, 238);
    }
  }
}
</style>